import React, { Component } from 'react';
import { Link } from 'react-router-dom';


class Home extends Component {
    state = {}
    render() {
        return (<React.Fragment>
            <ul className="list-group m-2">
                <li className="list-group-item active" aria-current="true">Home NavList</li>
                <li className="list-group-item"><Link to='/' style={{textDecoration: "none"}}>Home</Link></li>
                <li className="list-group-item"><Link to='/cpp' style={{textDecoration: "none"}}>C++</Link></li>
                <li className="list-group-item"><Link to='/linux' style={{textDecoration: "none"}}>Linux</Link></li>
                <li className="list-group-item"><Link to='/mysql' style={{textDecoration: "none"}}>MySQL</Link></li>
                <li className="list-group-item"><Link to='/web' style={{textDecoration: "none"}}>Web</Link></li>
            </ul>
        </React.Fragment>);
    }
}

export default Home;